<!-- The view to add (or edit)  composite_service -->

<div id="add_form" class="form_container" style="width: 500px;">
<form id="add_composite_service_form" name="add_composite_service_form">

    <div>
        <span id="status_message" style="font-style: italic; color: red;"></span>
    </div>
    <input type="hidden" id="composite_service_id" name="composite_service_id" value=""> 
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="2" class="field" style="text-transform: uppercase">{translate}Composite service{/translate}</td>
        </tr>
        <tr>
            <td class="label">{translate}Name{/translate}</td>
            <td class="field">
               <input id="name" name="name" type="text" size="50" 
                    value=""> 
            </td>                                
        </tr>
        <tr>
            <td class="label">{translate}Type{/translate}</td>
            <td class="field" colspan="2">
                <select id="payment_select" name="payment_select" >
                    <option value="before">{translate}Prepaid{/translate}</option>
                    <option value="after">{translate}Postpaid{/translate}</option>
                </select>
            </td>          
        </tr>
        <tr>
            <td class="label">{translate}Select room{/translate}</td>
            <td class="field">
                <select id="room_select" name="room_select">
                    {html_options options=$room_list}
                </select>
            </td>
        </tr>
        <tr>
        	<td class="label">{translate}Lock{/translate}</td>
			<td class="field">
				<input type="radio" id="disabled1" name="disabled" value="1">{translate}Yes{/translate}
				<input type="radio" id="disabled2" name="disabled" value="0">{translate}No{/translate}
			</td>
		</tr>
        <tr>            
            <td colspan="2" style="text-align: right;">
            	<input id="button_add" type="button" value="{translate}Add new{/translate}" onclick="javascript:saveCS();">            	
            	<input id="button_save" type="button" value="{translate}Save{/translate}" onclick="javascript:saveCS();" style="display: none;">
            	<input id="button_cancel" type="button" value="{translate}Cancel{/translate}" onclick="javascript:cancelCS();" style="display: none;">
            </td>                                
        </tr>
    </table>
   
</form>
</div>


